// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.

import React from 'react';

const OnboardingSuccessSvg = () => (
    <svg
        width='444'
        height='313'
        viewBox='0 0 444 313'
        fill='none'
        xmlns='http://www.w3.org/2000/svg'
    >
        <g filter='url(#filter0_f)'>
            <path
                fillRule='evenodd'
                clipRule='evenodd'
                d='M375.682 51.9045C375.687 51.0023 375.514 50.1079 375.173 49.2725C374.832 48.4372 374.329 47.6771 373.695 47.0359C373.06 46.3947 372.305 45.8849 371.473 45.5356C370.641 45.1862 369.748 45.0042 368.846 45H63.8364C62.0143 45.0098 60.2706 45.7425 58.9887 47.0373C57.7068 48.332 56.9915 50.0827 57.0001 51.9045V235H57V256.651C57 258.464 57.7203 260.203 59.0023 261.484C60.2844 262.766 62.0232 263.486 63.8363 263.486H177.93L174.5 293H257L252.492 263.486H366C372.432 263.491 375.686 260.871 375.682 254C375.681 253.275 375.682 241.333 375.682 236.761C375.682 235.671 375.682 235 375.682 235L375.682 51.9045Z'
                fill='var(--center-channel-color)'
                fillOpacity='0.08'
            />
        </g>
        <path
            d='M211.507 300.921C293.251 300.921 359.518 298.651 359.518 295.849C359.518 293.048 293.251 290.777 211.507 290.777C129.762 290.777 63.4951 293.048 63.4951 295.849C63.4951 298.651 129.762 300.921 211.507 300.921Z'
            fill='var(--center-channel-color)'
            fillOpacity='0.08'
        />
        <path
            opacity='0.1'
            d='M253.208 293.482H212.135L170.979 292.955L171.224 290.845H252.802L253.208 293.482Z'
            fill='var(--center-channel-color)'
        />
        <path
            d='M253.287 294.008L170.979 292.955L171.224 290.844L175.201 256.026H247.485L252.802 290.844L253.208 293.482L253.287 294.008Z'
            fill='var(--center-channel-bg)'
        />
        <path
            d='M370.682 46.9045C370.687 46.0023 370.514 45.1079 370.173 44.2725C369.832 43.4372 369.329 42.6771 368.695 42.0359C368.06 41.3947 367.305 40.8849 366.473 40.5356C365.641 40.1862 364.748 40.0042 363.846 40H58.8364C57.0143 40.0098 55.2706 40.7425 53.9887 42.0373C52.7068 43.332 51.9915 45.0827 52.0001 46.9045V231.761H370.682V46.9045Z'
            fill='var(--center-channel-bg)'
        />
        <path
            d='M253.287 294.008L170.979 292.955L171.224 290.844L175.201 256.026H247.485L252.802 290.844L253.208 293.482L253.287 294.008Z'
            fill='var(--center-channel-color)'
            fillOpacity='0.24'
        />
        <path
            d='M266.479 291.371H157.26V294.008H266.479V291.371Z'
            fill='var(--center-channel-bg)'
        />
        <path
            d='M266.479 291.371H157.26V294.008H266.479V291.371Z'
            fill='var(--center-channel-color)'
            fillOpacity='0.24'
        />
        <path
            opacity='0.1'
            d='M220.048 258.4L252.885 291.371L247.846 258.4H220.048Z'
            fill='var(--center-channel-color)'
        />
        <path
            d='M370.682 46.9045C370.687 46.0023 370.514 45.1079 370.173 44.2725C369.832 43.4372 369.329 42.6771 368.695 42.0359C368.06 41.3947 367.305 40.8849 366.473 40.5356C365.641 40.1862 364.748 40.0042 363.846 40H58.8364C57.0143 40.0098 55.2706 40.7425 53.9887 42.0373C52.7068 43.332 51.9915 45.0827 52.0001 46.9045V231.761H370.682V46.9045Z'
            fill='var(--center-channel-color)'
            fillOpacity='0.72'
        />
        <path
            d='M52 229.914V251.565C52 253.378 52.7203 255.116 54.0023 256.398C55.2844 257.68 57.0232 258.4 58.8363 258.4H363.846C364.743 258.401 365.633 258.224 366.462 257.881C367.292 257.538 368.046 257.034 368.681 256.399C369.316 255.765 369.819 255.011 370.163 254.181C370.506 253.352 370.682 252.463 370.682 251.565V229.914H52Z'
            fill='var(--center-channel-bg)'
        />
        <path
            d='M52 230V251.651C52 253.464 52.7203 255.202 54.0023 256.484C55.2844 257.766 57.0232 258.486 58.8363 258.486H363.846C364.743 258.487 365.633 258.311 366.462 257.967C367.292 257.624 368.046 257.121 368.681 256.486C369.316 255.851 369.819 255.097 370.163 254.268C370.506 253.438 370.682 252.549 370.682 251.651V230H52Z'
            fill='var(--center-channel-color)'
            fillOpacity='0.24'
        />
        <path
            d='M359.074 51.6061H65.1924V217.781H359.074V51.6061Z'
            fill='var(--center-channel-bg)'
        />
        <circle
            cx='211.5'
            cy='244.5'
            r='7.5'
            fill='var(--center-channel-color)'
            fillOpacity='0.16'
        />
        <path
            d='M142 297.109C150.284 297.109 157 296.438 157 295.609C157 294.781 150.284 294.109 142 294.109C133.716 294.109 127 294.781 127 295.609C127 296.438 133.716 297.109 142 297.109Z'
            fill='var(--center-channel-color)'
            fillOpacity='0.24'
        />
        <path
            d='M141.665 296.388C142.625 296.388 143.402 295.371 143.402 294.116C143.402 292.861 142.625 291.843 141.665 291.843C140.706 291.843 139.929 292.861 139.929 294.116C139.929 295.371 140.706 296.388 141.665 296.388Z'
            fill='var(--center-channel-color)'
        />
        <path
            d='M141.665 293.612C142.625 293.612 143.402 292.595 143.402 291.34C143.402 290.085 142.625 289.068 141.665 289.068C140.706 289.068 139.929 290.085 139.929 291.34C139.929 292.595 140.706 293.612 141.665 293.612Z'
            fill='var(--center-channel-color)'
        />
        <path
            d='M141.665 290.832C142.625 290.832 143.402 289.815 143.402 288.56C143.402 287.305 142.625 286.288 141.665 286.288C140.706 286.288 139.929 287.305 139.929 288.56C139.929 289.815 140.706 290.832 141.665 290.832Z'
            fill='var(--center-channel-color)'
        />
        <path
            d='M141.665 288.056C142.625 288.056 143.402 287.039 143.402 285.784C143.402 284.529 142.625 283.512 141.665 283.512C140.706 283.512 139.929 284.529 139.929 285.784C139.929 287.039 140.706 288.056 141.665 288.056Z'
            fill='var(--center-channel-color)'
        />
        <path
            d='M141.665 285.276C142.625 285.276 143.402 284.259 143.402 283.004C143.402 281.749 142.625 280.732 141.665 280.732C140.706 280.732 139.929 281.749 139.929 283.004C139.929 284.259 140.706 285.276 141.665 285.276Z'
            fill='var(--center-channel-color)'
        />
        <path
            d='M141.665 282.5C142.625 282.5 143.402 281.483 143.402 280.228C143.402 278.973 142.625 277.956 141.665 277.956C140.706 277.956 139.929 278.973 139.929 280.228C139.929 281.483 140.706 282.5 141.665 282.5Z'
            fill='var(--center-channel-color)'
        />
        <path
            d='M141.665 279.72C142.625 279.72 143.402 278.703 143.402 277.448C143.402 276.193 142.625 275.176 141.665 275.176C140.706 275.176 139.929 276.193 139.929 277.448C139.929 278.703 140.706 279.72 141.665 279.72Z'
            fill='var(--center-channel-color)'
        />
        <path
            d='M148.165 258.438C148.402 258.137 148.618 257.819 148.811 257.487L144.248 256.739L149.181 256.776C149.654 255.746 149.913 254.63 149.94 253.497C149.968 252.364 149.765 251.237 149.342 250.185L142.719 253.621L148.825 249.132C148.252 248.147 147.482 247.29 146.564 246.615C145.645 245.94 144.598 245.461 143.486 245.208C142.375 244.955 141.223 244.933 140.103 245.143C138.983 245.354 137.918 245.792 136.974 246.432C136.03 247.071 135.228 247.898 134.618 248.86C134.007 249.823 133.601 250.9 133.424 252.026C133.248 253.152 133.305 254.303 133.592 255.406C133.879 256.509 134.39 257.541 135.093 258.438C134.723 258.91 134.404 259.419 134.141 259.958L140.067 263.034L133.748 260.914C133.459 261.774 133.31 262.676 133.31 263.583C133.306 265.449 133.935 267.261 135.093 268.724C134.129 269.95 133.53 271.423 133.364 272.974C133.198 274.524 133.471 276.091 134.153 277.493C134.835 278.896 135.898 280.079 137.22 280.906C138.543 281.733 140.071 282.172 141.631 282.172C143.191 282.172 144.719 281.733 146.041 280.906C147.364 280.079 148.427 278.896 149.109 277.493C149.791 276.091 150.064 274.524 149.898 272.974C149.732 271.423 149.133 269.95 148.169 268.724C149.323 267.257 149.95 265.446 149.949 263.58C149.948 261.715 149.319 259.904 148.165 258.438Z'
            fill='var(--online-indicator)'
        />
        <path
            opacity='0.1'
            d='M133.31 263.579C133.306 265.444 133.935 267.256 135.093 268.719C134.129 269.946 133.53 271.418 133.364 272.969C133.198 274.52 133.471 276.086 134.153 277.489C134.835 278.892 135.898 280.074 137.22 280.901C138.543 281.729 140.071 282.168 141.631 282.168C143.191 282.168 144.719 281.729 146.041 280.901C147.364 280.074 148.427 278.892 149.109 277.489C149.791 276.086 150.064 274.52 149.898 272.969C149.732 271.418 149.133 269.946 148.169 268.719C149.282 267.306 133.31 262.646 133.31 263.579Z'
            fill='var(--center-channel-color)'
        />
        <path
            d='M443.193 16.0555C443.193 16.0555 400.368 13.4855 405.413 43.3313C405.413 43.3313 404.396 48.6073 409.218 51C409.218 51 409.294 48.7894 413.612 49.543C415.149 49.7964 416.711 49.8711 418.266 49.7654C420.363 49.6282 422.358 48.8169 423.952 47.4536C423.952 47.4536 435.991 42.5063 440.67 22.9399C440.67 22.9399 444.133 18.6706 443.996 17.5726L436.769 20.643C436.769 20.643 439.241 25.8281 437.278 30.1362C437.278 30.1362 437.044 20.8283 435.655 21.0308C435.376 21.0715 431.902 22.8264 431.902 22.8264C431.902 22.8264 436.149 31.8558 432.944 38.4224C432.944 38.4224 434.16 27.2936 430.574 23.4792L425.488 26.4334C425.488 26.4334 430.452 35.7616 427.085 43.3747C427.085 43.3747 427.949 31.6994 424.415 27.1517L419.807 30.7279C419.807 30.7279 424.471 39.9192 421.628 46.2335C421.628 46.2335 421.256 32.646 418.81 31.6194C418.81 31.6194 414.776 35.1603 414.161 36.6069C414.161 36.6069 417.355 43.2843 415.371 46.8049C415.371 46.8049 414.156 37.7502 413.159 37.6996C413.159 37.6996 409.141 43.6988 408.724 47.8166C408.724 47.8166 408.897 41.7007 412.187 37.1331C412.187 37.1331 408.301 37.7958 406.033 40.2975C406.033 40.2975 406.658 36.0586 413.179 35.6843C413.179 35.6843 416.5 31.1316 417.385 30.8586C417.385 30.8586 410.905 30.3161 406.974 32.0524C406.974 32.0524 410.432 28.0513 418.575 29.8722L423.127 26.1743C423.127 26.1743 414.593 25.0157 410.972 26.2959C410.972 26.2959 415.137 22.755 424.353 25.3349L429.307 22.3906C429.307 22.3906 422.029 20.8324 417.696 21.3789C417.696 21.3789 422.273 18.9256 430.762 21.5864L434.322 20.0042C434.322 20.0042 428.992 18.9622 427.43 18.7954C425.868 18.6286 425.788 18.2037 425.788 18.2037C429.164 17.6437 432.631 18.0272 435.802 19.3116C435.802 19.3116 443.32 16.5261 443.193 16.0555Z'
            fill='var(--online-indicator)'
        />
        <path
            d='M384.646 0.0251977C384.646 0.0251977 365.998 -1.14679 368.177 12.495C368.177 12.495 367.739 14.9053 369.836 16C369.836 16 369.87 14.9766 371.754 15.3296C372.424 15.4471 373.104 15.4815 373.781 15.4321C374.696 15.3689 375.567 14.995 376.259 14.3675C376.259 14.3675 381.51 12.1059 383.551 3.16163C383.551 3.16163 385.058 1.21228 384.998 0.710652L381.848 2.11265C381.848 2.11265 382.923 4.48177 382.078 6.4517C382.078 6.4517 381.975 2.19907 381.372 2.29693C381.249 2.29693 379.733 3.12002 379.733 3.12002C379.733 3.12002 381.588 7.24919 380.189 10.248C380.189 10.248 380.719 5.16174 379.154 3.41679L376.936 4.78861C376.936 4.78861 379.1 9.05084 377.632 12.5307C377.632 12.5307 378.011 7.19386 376.469 5.11647L374.462 6.75396C374.462 6.75396 376.494 10.9549 375.257 13.8417C375.257 13.8417 375.091 7.62963 374.025 7.1591C374.025 7.1591 372.269 8.77602 371.999 9.44135C371.999 9.44135 373.392 12.5115 372.529 14.1028C372.529 14.1028 371.999 9.9631 371.547 9.94161C371.547 9.94161 369.795 12.6852 369.614 14.5468C369.701 12.8102 370.223 11.1276 371.125 9.66541C370.114 9.8651 369.181 10.3685 368.441 11.1136C368.441 11.1136 368.716 9.1743 371.557 9.00557C371.557 9.00557 373.03 6.92315 373.393 6.79512C373.393 6.79512 370.566 6.54956 368.853 7.34384C368.853 7.34384 370.36 5.51704 373.908 6.34607L375.871 4.65737C375.871 4.65737 372.148 4.14065 370.569 4.71041C370.569 4.71041 372.384 3.09349 376.404 4.27051L378.563 2.92476C378.563 2.92476 375.388 2.2137 373.499 2.46749C373.499 2.46749 375.496 1.34671 379.196 2.55894L380.742 1.83737C380.742 1.83737 378.418 1.36135 377.734 1.28452C377.05 1.2077 377.017 1.01336 377.017 1.01336C378.49 0.757829 380.003 0.935008 381.385 1.52505C381.385 1.52505 384.704 0.238287 384.646 0.0251977Z'
            fill='var(--online-indicator)'
        />
        <path
            d='M0.35387 32.0252C0.35387 32.0252 19.0016 30.8532 16.8229 44.495C16.8229 44.495 17.2615 46.9053 15.1644 48C15.1644 48 15.1302 46.9766 13.2457 47.3296C12.5765 47.4471 11.8963 47.4815 11.2192 47.4321C10.3039 47.3689 9.43347 46.995 8.74103 46.3675C8.74103 46.3675 3.49032 44.1059 1.44889 35.1616C1.44889 35.1616 -0.0575027 33.2123 0.00170135 32.7107L3.15221 34.1126C3.15221 34.1126 2.07734 36.4818 2.92154 38.4517C2.92154 38.4517 3.02461 34.1991 3.62804 34.2969C3.75084 34.2969 5.26731 35.12 5.26731 35.12C5.26731 35.12 3.41226 39.2492 4.81078 42.248C4.81078 42.248 4.28103 37.1617 5.84619 35.4168L8.06434 36.7886C8.06434 36.7886 5.90013 41.0508 7.3675 44.5307C7.3675 44.5307 6.98947 39.1939 8.53051 37.1165L10.5377 38.754C10.5377 38.754 8.50597 42.9549 9.74267 45.8417C9.74267 45.8417 9.90929 39.6296 10.9745 39.1591C10.9745 39.1591 12.7313 40.776 13.0015 41.4414C13.0015 41.4414 11.6078 44.5115 12.4713 46.1028C12.4713 46.1028 13.0015 41.9631 13.4527 41.9416C13.4527 41.9416 15.2047 44.6852 15.3863 46.5468C15.2985 44.8102 14.7775 43.1276 13.8746 41.6654C14.8856 41.8651 15.8186 42.3685 16.5589 43.1136C16.5589 43.1136 16.284 41.1743 13.4426 41.0056C13.4426 41.0056 11.9705 38.9232 11.6073 38.7951C11.6073 38.7951 14.4338 38.5496 16.1467 39.3438C16.1467 39.3438 14.6403 37.517 11.0921 38.3461L9.12912 36.6574C9.12912 36.6574 12.8524 36.1406 14.4311 36.7104C14.4311 36.7104 12.6156 35.0935 8.5963 36.2705L6.43691 34.9248C6.43691 34.9248 9.61196 34.2137 11.5012 34.4675C11.5012 34.4675 9.5041 33.3467 5.80366 34.5589L4.25778 33.8374C4.25778 33.8374 6.58206 33.3613 7.26619 33.2845C7.95032 33.2077 7.98279 33.0134 7.98279 33.0134C6.50964 32.7578 4.99733 32.935 3.6153 33.525C3.6153 33.525 0.296421 32.2383 0.35387 32.0252Z'
            fill='var(--online-indicator)'
        />
        <ellipse
            cx='212'
            cy='135.5'
            rx='44'
            ry='43.5'
            fill='var(--center-channel-bg)'
        />
        <path
            d='M258 136.001C258 145.099 255.302 153.993 250.247 161.557C245.192 169.122 238.008 175.018 229.602 178.499C221.197 181.98 211.947 182.891 203.024 181.116C194.101 179.341 185.905 174.959 179.472 168.526C173.039 162.092 168.658 153.896 166.884 144.973C165.109 136.05 166.02 126.8 169.502 118.395C172.984 109.99 178.88 102.806 186.445 97.7516C194.01 92.6973 202.904 89.9997 212.001 90C218.042 90.0002 224.024 91.1902 229.605 93.5021C235.186 95.814 240.257 99.2025 244.528 103.474C248.799 107.746 252.187 112.817 254.499 118.398C256.811 123.979 258 129.961 258 136.001ZM206.684 160.35L240.806 126.228C241.083 125.952 241.302 125.625 241.451 125.265C241.601 124.905 241.678 124.519 241.678 124.129C241.678 123.739 241.601 123.352 241.451 122.992C241.302 122.632 241.083 122.305 240.806 122.029L236.608 117.862C236.333 117.586 236.006 117.367 235.647 117.217C235.287 117.068 234.901 116.991 234.512 116.991C234.122 116.991 233.737 117.068 233.377 117.217C233.017 117.367 232.69 117.586 232.415 117.862L204.585 145.693L191.59 132.667C191.033 132.113 190.278 131.801 189.491 131.801C188.705 131.801 187.95 132.113 187.392 132.667L183.194 136.89C182.639 137.448 182.327 138.203 182.327 138.99C182.327 139.776 182.639 140.531 183.194 141.089L202.487 160.375C202.762 160.651 203.089 160.87 203.449 161.02C203.81 161.169 204.196 161.246 204.586 161.246C204.976 161.246 205.362 161.169 205.722 161.02C206.082 160.87 206.41 160.651 206.685 160.375L206.684 160.35Z'
            fill='var(--online-indicator)'
        />
        <defs>
            <filter
                id='filter0_f'
                x='53'
                y='41'
                width='326.682'
                height='256'
                filterUnits='userSpaceOnUse'
                colorInterpolationFilters='sRGB'
            >
                <feFlood
                    floodOpacity='0'
                    result='BackgroundImageFix'
                />
                <feBlend
                    mode='normal'
                    in='SourceGraphic'
                    in2='BackgroundImageFix'
                    result='shape'
                />
                <feGaussianBlur
                    stdDeviation='2'
                    result='effect1_foregroundBlur'
                />
            </filter>
        </defs>
    </svg>
);

export default OnboardingSuccessSvg;
